<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:insert="~{include :: header('字典类型列表')}" />
	<th:block th:insert="~{include :: bootstrap-table-css}" />
</head>
<body class="hold-transition">
<div class="container-fluid mt-2 mb-2">
	<form id="data-form" class="form-inline">
		<input type="text" class="form-control mr-1" name="dictName" placeholder="字典名称" />
		<input type="text" class="form-control mr-1" name="dictType" placeholder="字典类型" />
		<select name="status" class="form-control mr-1" th:with="type=${@dict.getType('sys_normal_disable')}">
			<option value="">状态</option>
			<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
		</select>
		<a class="btn btn-primary btn-rounded mr-1" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
		<a class="btn btn-warning btn-rounded mr-1" onclick="resetPre()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
	</form>
	<div class="toolbar" id="toolbar" role="group">
		<a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="dict:add">
			<i class="fa fa-plus"></i> 新增
		</a>
		<a class="btn btn-danger" onclick="clearCache()" shiro:hasPermission="dict:remove">
			<i class="fa fa-refresh"></i> 清理缓存
		</a>
	</div>
	<table id="bootstrap-table" class="table-striped"></table>
</div>
<th:block th:insert="~{include :: footer}" />
<th:block th:insert="~{include :: bootstrap-table-js}" />
<script th:inline="javascript">
	var editFlag = [[${@permission.hasPermi('dict:edit')}]];
	var listFlag = [[${@permission.hasPermi('dict:list')}]];
	var removeFlag = [[${@permission.hasPermi('dict:remove')}]];
	var datas = [[${@dict.getType('sys_normal_disable')}]];
	var prefix = "/dict";

	$(function() {
		var options = {
			url: prefix + "/list.json",
			createUrl: prefix + "/add.html",
			updateUrl: prefix + "/edit/{id}",
			removeUrl: prefix + "/remove.json",
			sortName: "createTime",
			sortOrder: "desc",
			modalName: "类型",
			columns: [{
				checkbox: true
			},
				{
					field: 'dictId',
					title: '字典主键'
				},
				{
					field: 'dictName',
					title: '字典名称',
					sortable: true
				},
				{
					field: 'dictType',
					title: '字典类型',
					sortable: true,
					formatter: function(value, row, index) {
						return '<a href="javascript:void(0)" onclick="detail(\'' + row.dictId + '\')">' + value + '</a>';
					}
				},
				{
					field: 'status',
					title: '状态',
					align: 'center',
					formatter: function(value, row, index) {
						return $.table.selectDictLabel(datas, value);
					}
				},
				{
					field: 'remark',
					title: '备注',
					formatter: function(value, row, index) {
						return $.table.tooltip(value);
					}
				},
				{
					field: 'createTime',
					title: '创建时间',
					sortable: true
				},
				{
					title: '操作',
					align: 'center',
					formatter: function(value, row, index) {
						var actions = [];
						actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.dictId + '\')"><i class="fa fa-edit"></i>编辑</a> ');
						actions.push('<a class="btn btn-info btn-xs ' + listFlag + '" href="javascript:void(0)" onclick="detail(\'' + row.dictId + '\')"><i class="fa fa-list-ul"></i>列表</a> ');
						actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.dictId + '\')"><i class="fa fa-remove"></i>删除</a>');
						return actions.join('');
					}
				}]
		};
		$.table.init(options);
	});

	/*字典列表-详细*/
	function detail(dictId) {
		var url = prefix + '/data/detail/' + dictId;
		$.modal.openTab("字典数据", url);
	}

	/** 清理字典缓存 */
	function clearCache() {
		$.operate.get(prefix + "/clearCache.json");
	}
</script>
</body>
</html>